<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/cost.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body engineering layoutLR padding0">

            <!-- 左边菜单 -->
            <div class="side">
                <span class="layui-breadcrumb breadcrumb" lay-separator="/">
                    <a><i title="首页" class="iconfont use-more"></i></a>
                    <a><cite>新建单位工程</cite></a>
                </span>

                <div style="padding: 0 24px;">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <i class="iconfont  use-search"></i>
                        </div>
                        <input style="" type="text" name="A" value="" placeholder="Search..." class="layui-input"
                            lay-affix="clear">
                    </div>
                    <div id="ID-tree-demo-onlyIconControl"></div>

                </div>
            </div>

            <!-- 主体 -->
            <div class="page-border page-right">
                <div class="layui-tab layui-tab-brief" lay-filter="filter">
                    <ul class="layui-tab-title">
                        <li class="layui-this">单位工程设置</li>
                        <li>分部分项工程清单</li>
                        <li>单价措施清单</li>
                        <li>总价措施清单</li>
                        <li>其他项目清单</li>
                        <li>签证及索赔项目清单</li>
                        <li>材料汇总表</li>
                        <li>费用汇总表</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="dwgcsz">
                                <form class="layui-form tab-form form-item130" action="">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">工程项目名称</label>
                                        <div class="layui-input-block">
                                            彭州市城镇生活污水处理厂EPC项目
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">单位工程</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="username" lay-verify="required" placeholder="请输入"
                                                autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程规模单位</label>
                                        <div class="layui-input-block">
                                            <select name="quiz3">
                                                <option value="">选择选项</option>
                                                <option value="西湖区">西湖区</option>
                                                <option value="余杭区">余杭区</option>
                                                <option value="拱墅区">临安市</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程规模</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                                class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程所在地区</label>
                                        <div class="layui-input-block">
                                            <select name="quiz3">
                                                <option value="">选择选项</option>
                                                <option value="西湖区">西湖区</option>
                                                <option value="余杭区">余杭区</option>
                                                <option value="拱墅区">临安市</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">编制时间</label>
                                        <div class="layui-input-block">
                                            <input type="text" class="layui-input" id="ID-laydate-demo"
                                                placeholder="yyyy-MM-dd">
    
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程编制阶段</label>
                                        <div class="layui-input-block">
                                            <select name="quiz3">
                                                <option value="">选择选项</option>
                                                <option value="西湖区">西湖区</option>
                                                <option value="余杭区">余杭区</option>
                                                <option value="拱墅区">临安市</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">暂列金比例设定</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="username" placeholder="请输入" autocomplete="off"
                                                class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">工程所属版块</label>
                                        <div class="layui-input-block">
                                            <select name="quiz3">
                                                <option value="">选择选项</option>
                                                <option value="西湖区">西湖区</option>
                                                <option value="余杭区">余杭区</option>
                                                <option value="拱墅区">临安市</option>
                                            </select>
                                        </div>
                                    </div>


                                    <!-- 编辑之后的 -->
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程所在地区</label>
                                        <div class="layui-input-block">
                                            <p style="line-height: 38px;">四川省 —— 成都市 —— 彭州市</p>
                                            
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">编制时间</label>
                                        <div class="layui-input-block">
                                            <p style="line-height: 38px;">sdasdasd</p>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程编制阶段</label>
                                        <div class="layui-input-block">
                                            <p style="line-height: 38px;">sdasdasd</p>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">暂列金比例设定</label>
                                        <div class="layui-input-block">
                                            <p style="line-height: 38px;">sdasdasd</p>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工程所属版块</label>
                                        <div class="layui-input-block">
                                            <p style="line-height: 38px;">sdasdasd</p>
                                        </div>
                                    </div>
                                </form>

                                <div>
                                    <div class="sup-title">
                                        <span>本工程文件成员 13</span>
                                        <button type="button" class="layui-btn layui-btn-radius">
                                            <i class="iconfont use-plus"></i>
                                            添加成员</button>
                                    </div>
                                    <table class="layui-table use-table" lay-filter="parse-table-demo" lay-skin="nob">
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                                <td>
                                                    <i class="iconfont use-delete layui-font-red" style="cursor: pointer;"></i>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <span class="avavatar">十三</span> 沈十三
                                                </td>
                                                <td>四川同咨科技有限公司</td>
                                                <td>工程师</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="layui-btn-center">
                                <button type="reset" class="layui-btn layui-btn-primary">取消</button>
                                <button type="submit" class="layui-btn" lay-submit lay-filter="demo1">保存设置</button>
                            </div>
                        </div>
                        <div class="layui-tab-item">

                            <div class="table-bg" style="text-align: center;margin-top: 20px;">
                                <table class="layui-table use-table" lay-filter="parse-table-demo" lay-skin="nob">
                                    <thead>
                                        <tr>
                                            <th>
                                                <input type="checkbox" name="AAA" title="默认">
                                            </th>
                                            <th>清单编号</th>
                                            <th>清单名称</th>
                                            <th>清单特征</th>
                                            <th>单位</th>
                                            <th>工程量</th>
                                            <th>综合单价</th>
                                            <th>综合合价</th>
                                            <th>人工合价</th>
                                            <th>材料合价</th>
                                            <th>机械合价</th>
                                            <th>管理费</th>
                                            <th>管理费合价</th>
                                            <th>利润合价</th>
                                            <th>编制人</th>
                                            <th>定额版本</th>
                                            <th>时间</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan="6">合计</td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                            <td>华0夏</td>
                                            <td>华0夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>
                                                <div style="width: 50px;">
                                                    <span style="cursor: pointer;">更换</span>
                                                    <i style="cursor: pointer;" class="iconfont use-delete"></i>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="18">
                                                <div class="table-add-btn">
                                                    <i class="iconfont use-add"></i>
                                                    添加
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="18" style="background-color: #fff;">
                                            </td>
                                        </tr>

                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                            <td>华0夏</td>
                                            <td>华0夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>
                                                <div style="width: 50px;">
                                                    <span style="cursor: pointer;">更换</span>
                                                    <i style="cursor: pointer;" class="iconfont use-delete"></i>
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td colspan="18">
                                                <div class="table-add-btn">
                                                    <i class="iconfont use-add"></i>
                                                    添加
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="18" style="background-color: #fff;">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td colspan="5">
                                                <div style="height: 38px; position: relative;"><input
                                                        class="layui-input layui-table-edit"></div>
                                            </td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                            <td>华0夏</td>
                                            <td>华0夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>
                                                <div style="width: 50px;">
                                                    <span style="cursor: pointer;">更换</span>
                                                    <i style="cursor: pointer;" class="iconfont use-delete"></i>
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td colspan="18">
                                                <div class="table-add-btn">
                                                    <i class="iconfont use-add"></i>
                                                    添加
                                                </div>
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>

                            </div>

                        </div>
                        <div class="layui-tab-item">
                            <div class="table-bg" style="text-align: center;margin-top: 20px;">
                                <table class="layui-table use-table" lay-filter="parse-table-demo" lay-skin="nob">
                                    <thead>
                                        <tr>
                                            <th>
                                                <input type="checkbox" name="AAA" title="默认">
                                            </th>
                                            <th>清单编号</th>
                                            <th>清单名称</th>
                                            <th>单位</th>
                                            <th>工程量</th>
                                            <th>综合单价</th>
                                            <th>综合合价</th>
                                            <th>人工合价</th>
                                            <th>材料合价</th>
                                            <th>机械合价</th>
                                            <th>管理费合价</th>
                                            <th>利润合价</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>我是小节名称</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                        </tr>
                                        <td colspan="12">
                                            <div class="table-add-btn">
                                                <i class="iconfont use-add"></i>
                                                添加清单
                                            </div>
                                        </td>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>小计</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="12" style="background-color: #fff;">
                                            </td>
                                        </tr>
                                        <!-- <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td colspan="5">
                                                <div style="height: 38px; position: relative;"><input
                                                        class="layui-input layui-table-edit"></div>
                                            </td>
                                            <td colspan="6">
                                                <div class="table-add-btn">
                                                    <i class="iconfont use-add"></i>
                                                    添加
                                                </div>
                                            </td>
                                        </tr> -->
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>我是小节名称</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                        </tr>
                                        <td colspan="12">
                                            <div class="table-add-btn">
                                                <i class="iconfont use-add"></i>
                                                添加清单
                                            </div>
                                        </td>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>小计</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="12" style="background-color: #fff;">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>合计</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                        </tr>
                                        
                                    </tbody>
                                </table>


                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="tab-title"><strong>总价措施一览表</strong></div>
                            <div class="table-bg">
                            <table class="layui-hide" id="ID-table-demo-data2"></table>
                        </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="table-bg" style="text-align: center;margin-top: 20px;">
                                <table class="layui-table use-table" lay-filter="parse-table-demo" lay-skin="nob">
                                    <thead>
                                        <tr>
                                            <th>
                                                序号
                                            </th>
                                            <th>清单编号</th>
                                            <th>清单名称</th>
                                            <th>计费基数</th>
                                            <th>工程量</th>
                                            <th>单位</th>
                                            <th>综合单价</th>
                                            <th>综合合价</th>
                                            <th>备注</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan="9" style="text-align: left;">
                                                其他项目清单
                                            </td>
                                        </tr>
                                        <tr>
                                            <td rowspan="3">
                                               1
                                            </td>
                                            <td>1</td>
                                            <td>暂列金额</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                        </tr>
                                        <tr>
                                            <td>1.1</td>
                                            <td>暂列金额</td>
                                            <td>222</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>暂列金额小计</td>
                                            <td>222</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td rowspan="3">
                                                2
                                             </td>
                                            <td>2.1</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                        </tr>
                                        <tr>
                                            <td>2.2</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                    
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                            <td>华5夏</td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>暂列金额小计</td>
                                            <td>222</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>合计：</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>263.05</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>


                            </div>
                        </div>

                        <div class="layui-tab-item">
                            <div class="table-bg" style="text-align: center;margin-top: 20px;">
                                <table class="layui-table use-table" lay-filter="parse-table-demo" lay-skin="nob">
                                    <thead>
                                        <tr>
                                            <th>
                                                <input type="checkbox" name="AAA" title="默认">
                                            </th>
                                            <th>序号</th>
                                            <th>清单编号</th>
                                            <th>清单名称</th>
                                            <th>单位</th>
                                            <th>工程量</th>
                                            <th>综合单价</th>
                                            <th>综合合价</th>
                                            <th>人工合价</th>
                                            <th>材料合价</th>
                                            <th>机械合价</th>
                                            <th>管理费合价</th>
                                            <th>利润合价</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>我是小节名称</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                            <td></td>
                                        </tr>
                                        <td colspan="13">
                                            <div class="table-add-btn">
                                                <i class="iconfont use-add"></i>
                                                添加清单
                                            </div>
                                        </td>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>小计</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="13" style="background-color: #fff;">
                                            </td>
                                        </tr>
                                        <!-- <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td colspan="5">
                                                <div style="height: 38px; position: relative;"><input
                                                        class="layui-input layui-table-edit"></div>
                                            </td>
                                            <td colspan="6">
                                                <div class="table-add-btn">
                                                    <i class="iconfont use-add"></i>
                                                    添加
                                                </div>
                                            </td>
                                        </tr> -->
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>我是小节名称</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="AAA" title="默认"></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td>华6夏</td>
                                            <td>华7夏</td>
                                            <td>华8夏</td>
                                            <td>华9夏</td>
                                            <td>华0夏</td>
                                            <td></td>
                                        </tr>
                                        <td colspan="13">
                                            <div class="table-add-btn">
                                                <i class="iconfont use-add"></i>
                                                添加清单
                                            </div>
                                        </td>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>小计</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="13" style="background-color: #fff;">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td>合计</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>222</td>
                                            <td>有朋至远方来，不亦乐乎</td>
                                            <td>333</td>
                                            <td>华3夏</td>
                                            <td>华4夏</td>
                                            <td>华5夏</td>
                                            <td></td>
                                        </tr>
                                        
                                    </tbody>
                                </table>

                            </div>
                        </div>

                        <div class="layui-tab-item">
                            <div class="table-bg" style="text-align: center;margin-top: 20px;">
                                <table class="layui-table use-table" lay-filter="parse-table-demo" lay-skin="nob">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>材料设备编号</th>
                                            <th>材料名称、型号</th>
                                            <th>单位</th>
                                            <th>数量</th>
                                            <th>单价(元)</th>
                                            <th>合价(元)</th>
                                            <th>暂估价(元)</th>
                                            <th>非暂估价(元)</th>
                                            <th>计价期</th>
                                            <th>备注</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><strong>一</strong></td>
                                            <td colspan="2"><strong>发包人提供材料汇总表</strong></td>
                                            <td><strong>项</strong></td>
                                            <td><strong>1</strong></td>
                                            <td><strong>1</strong></td>
                                            <td><strong>/</strong></td>
                                            <td><strong>1</strong></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>JXG-SBL0101001</td>
                                            <td>测试材料</td>
                                            <td>1</td>
                                            <td>2</td>
                                            <td>1,735.668</td>
                                            <td>1,735.668</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        </tr>
                                        <tr>
                                            <td colspan="12" style="background-color: #fff;">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>二</strong></td>
                                            <td colspan="2"><strong>承包人提供材料一览表</strong></td>
                                            <td><strong>项</strong></td>
                                            <td><strong>1</strong></td>
                                            <td><strong>1</strong></td>
                                            <td><strong>/</strong></td>
                                            <td><strong>1</strong></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>JXG-SBL0101001</td>
                                            <td>测试材料</td>
                                            <td>1</td>
                                            <td>2</td>
                                            <td>1,735.668</td>
                                            <td>1,735.668</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        </tr>



                                    </tbody>
                                </table>


                            </div>
                        </div>

                        <div class="layui-tab-item">
                            <div class="table-bg">
                                <table class="layui-hide" id="ID-table-demo-data3"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </use-body>
</body>
<!-- 工具栏模板 -->
<script type="text/html" id="operate-btn">
    <div class="operate-btn">
      <i class="iconfont use-preview layui-btn btn-text"></i>
      <i class="iconfont use-exit layui-btn btn-text"></i>
    </div>
  </script>
  <script type="text/html" id="TPL-dropdpwn-demo">
    <button class="layui-btn layui-btn-primary dropdpwn-demo">
      <span>{{= d.sex || '保密' }}</span>
      <i class="layui-icon layui-icon-down layui-font-12"></i>
    </button>
  </script>
<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var element = layui.element;
        var dropdown = layui.dropdown;
        var tree = layui.tree;
        var layer = layui.layer;
        // 模拟数据
        var data = [{ title: '江西', id: 1, children: [{ title: '南昌', id: 1000, children: [{ title: '青山湖区', id: 10001 }, { title: '高新区', id: 10002 }] }, { title: '九江', id: 1001 }, { title: '赣州', id: 1002 }] }, { title: '广西', id: 2, children: [{ title: '南宁', id: 2000 }, { title: '桂林', id: 2001 }] }, { title: '陕西', id: 3, children: [{ title: '西安', id: 3000 }, { title: '延安', id: 3001 }] }, { title: '山西', id: 3, children: [{ title: '太原', id: 4000 }, { title: '长治', id: 4001 }] }];
        // 渲染
        tree.render({
            elem: '#ID-tree-demo-onlyIconControl',
            data: data,
            edit: ['add', 'del'],
            onlyIconControl: true,  // 是否仅允许节点左侧图标控制展开收缩
            click: function (obj) {
                layer.msg(JSON.stringify(obj.data));
            }
        });

        // 渲染
        laydate.render({
            elem: '#ID-laydate-demo'
        });
        const dataTable = [{ // 赋值已知数据
            "id": "10001",
            "username": "张三1",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "116"
        }, {
            "id": "10002",
            "username": "张三2",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "12",
            "LAY_CHECKED": true
        }, {
            "id": "10003",
            "username": "张三3",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "65"
        }, {
            "id": "10004",
            "username": "张三4",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "777"
        }, {
            "id": "10005",
            "username": "张三5",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "86"
        }, {
            "id": "10006",
            "username": "张三6",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "12"
        }, {
            "id": "10007",
            "username": "张三7",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "16"
        }, {
            "id": "10008",
            "username": "张三8",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "106"
        }]

        table.render({
            elem: '#test1',
            defaultToolbar: false,
            cols: [[ //标题栏
                { field: 'id', title: '定额编', align: 'center' },
                { field: 'username', title: '定额名称', align: 'center' },
                { field: 'username', title: '单位', align: 'center' },
                { field: 'username', title: '数量', align: 'center' },
                { field: 'username', title: '定额人工费', align: 'center' },
                { field: 'username', title: '定额材料费', align: 'center' },
                { field: 'username', title: '定额机械费', align: 'center' },
                { field: 'username', title: '管理费', align: 'center' },
                { field: 'username', title: '利润', align: 'center' },
            ]],
            data,
            skin: 'nob', // 表格风格
            //even: true,
            page: false
        });
        // 总价措施清单
        table.render({
            elem: '#ID-table-demo-data2',
            totalRow: true, // 开启合计行
            cols: [[ //标题栏
            { field: 'id', title: '序号', align: 'center', totalRowText: '合计：' },
                { field: 'username', title: '费用编号', align: 'center' },
                { field: 'username', title: '费用名称', align: 'center', },
                { field: 'username', title: '计费基数', align: 'center',templet: '#TPL-dropdpwn-demo'},
                { field: 'username', title: '费率（%）', align: 'center' },
                { field: 'username', title: '工程量', align: 'center' },
                { field: 'username', title: '单位', align: 'center' },
                { field: 'username', title: '综合单价', align: 'center' },
                { field: 'username', title: '综合合价', align: 'center' },
                {
                    field: 'id', title: '备注', align: 'center', templet: function (d) {
                        if (d.id === '10001') {
                            return `<div class="table-add-btn ">
                                        <i class="iconfont use-add"></i>
                                        添加
                                    </div>`;
                        } else {
                            return '-';
                        }
                    }
                }
            ]],
            data: dataTable,
            skin: 'nob', // 表格风格
            //even: true,
            page: false
        });
        dropdown.render({
            elem: '.dropdpwn-demo',
            // trigger: 'hover',
            // 此处的 data 值，可根据 done 返回的 res 遍历来赋值
            data: [{
            title: '男',
            id: 100
            },{
            title: '女',
            id: 101
            },{
            title: '保密',
            id: 102
            }],
            click: function(obj){
            var data = table.getRowData(this.elem); // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
            
            this.elem.find('span').html(obj.title);
            // 更新数据中对应的字段
            data.sex = obj.title;
            // 显示 - 仅用于演示
            layer.msg('选中值: '+ obj.title +'<br>当前行数据：'+ JSON.stringify(data));
            }
        });
        table.render({
            elem: '#ID-table-demo-data3',
            cols: [[ //标题栏
                { field: 'username', title: '费用编号', align: 'center' },
                { field: 'username', title: '费用名称', align: 'center', },
                { field: 'username', title: '计算公式', align: 'center' },
                { field: 'username', title: '费率（%）', align: 'center', totalRow: true, },
                { field: 'username', title: '金额', align: 'center', totalRow: true, },
                { field: 'id', title: '备注', align: 'center' }
            ]],
            data: dataTable,
            skin: 'nob', // 表格风格
            //even: true,
            page: false
        });

        util.on('lay-on', {
            'add-dialog': function () {
                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#ID-test-layer-wrapper'), // 捕获的元素
                    title: '新建任务',
                    closeBtn: 1,
                    end: function () {
                        // layer.msg('关闭后的回调', {icon:6});
                    }
                });
            },
        })

        upload.render({
            elem: '#ID-upload-demo-files', // 绑定多个元素
            url: '', // 此处配置你自己的上传接口即可
            accept: 'file', // 普通文件
            done: function (res) {
                layer.msg('上传成功');
                console.log(res);
            }
        });

        laydate.render({
            elem: '.laydate'
        });
        // tab 切换事件
        element.on('tab(filter)', function (data) {
            console.log('1')
            table.resize('ID-table-demo-data')
        });

    });
</script>

</html>